<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <link rel="stylesheet" href="${request.contextPath}/statics/css/main.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/element/element.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/select2/select2.min.css"/>
    <link rel="stylesheet" href="${request.contextPath}/statics/css/ziyun-erp.css">

    <script src="${request.contextPath}/statics/libs/jquery.min.js"></script>
    <script src="${request.contextPath}/statics/libs/vue.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/jqgrid/jquery.jqGrid.min.js"></script>
    <script src="${request.contextPath}/statics/js/common.js"></script>
    <script src="${request.contextPath}/statics/plugins/element/element.js"></script>
    <script src="${request.contextPath}/statics/js/modules/common/select2.js"></script>
    <script src="${request.contextPath}/statics/plugins/select2/select2.min.js"></script>
    <!-- 二维码 -->
    <script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
</head>
<body>
<div class="index_mood" id="rrapp">
    <div class="index_mood_h"><strong>供应商信息</strong></div>
    <div class="index_mood_01">
        <div class="index_mood_01_img">
            <template v-if="isBlank(sellerInfoVo.url)">
                <img src="/statics/img/logo/logo.png" style="width: 160px;height: 160px;">
            </template>
            <template v-else>
                <img :src="'https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/'+ sellerInfoVo.url"  style="width: 160px;height: 160px;">
            </template>
        </div>
        <div class="index_mood_01_text">
            <span>店名：</span>
            <br>
            <strong>{{sellerInfoVo.sellerName}}</strong>
        </div>
        <div class="index_mood_01_list">
            <p><label>公司名称：</label><span>{{sellerInfoVo.doorheadName}}</span></p>
            <p><label>联系人： </label><span>{{sellerInfoVo.name}}</span></p>
            <p><label>联系人电话：</label><span>{{sellerInfoVo.sellerMobile}}</span></p>
            <p><label>公司地址：</label><span>{{sellerInfoVo.address}}</span></p>
        </div>
        <div  id="qrcode" class="index_mood_01_list" style="padding: 15px"></div>

    </div>

    <div class="index_mood_h"><strong>待办事项</strong></div>
    <div class="index_mood_02">
        <div class="index_mood_02_list">
            <h3>订单提醒</h3>
            <p>
                <span>待支付<font style=" color:#ff3333;">{{sellerInfoVo.waitPayNum}}</font></span>
                <label>已发货&nbsp;<font>{{sellerInfoVo.sendNum}}</font></label>
            </p>
            <p>
                <span>已支付<font>{{sellerInfoVo.payedNum}}</font></span>
                <label>已完成&nbsp;<font>{{sellerInfoVo.finishNum}}</font></label>
            </p>
        </div>
        <div class="index_mood_02_list">
            <h3>提现状态</h3>
            <!--<p>-->
                <!--<span>待提现<font style=" color:#ff3333;"><font style="font-size:12px;">￥</font>{{sellerInfoVo.waitWithdraw}}</font></span>-->
            <!--</p>-->
            <p>
                <span>提现中<font><font style="font-size:12px;">￥</font>{{sellerInfoVo.withdrawing}}</font></span>
            </p>
            <p>
                <span>已提现<font><font style="font-size:12px;">￥</font>{{sellerInfoVo.alreadyWithdraw}}</font></span>
            </p>
        </div>
        <div class="index_mood_02_list">
            <h3>商品信息</h3>
            <p>
                <span>全部商品<font style=" color:#ff3333;"> {{sellerInfoVo.goodsNum}}</font></span>
            </p>
            <p>
                <span>出售中的品<font>{{sellerInfoVo.saleGoodsNum}}</font></span>
            </p>
            <p>
                <span>已下架商品<font>{{sellerInfoVo.offGoodsNum}}</font></span>
            </p>
        </div>
    </div>

    <div class="index_mood_h"><strong>视频配价教程</strong></div>
    <div class="index_mood_02">
        <div class="index_mood_02_void">
            <a href="/" target="_blank"><img src="https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop%2Fmall%2Fimage%2Fimg_01.png"></a>
            <p>
                <span></span>
                <a href="/" target="_blank">印刷配置教程</a>
            </p>
        </div>
        <div class="index_mood_02_void">
            <a href="/" target="_blank"><img src="https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop%2Fmall%2Fimage%2Fimg_01.png"></a>
            <p>
                <span></span>
                <a href="https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop%2Fmall%2Fimage%2Fimg_02.png" target="_blank">印刷配置教程</a>
            </p>
        </div>
        <div class="index_mood_02_void">
            <a href="/" target="_blank"><img src="https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop%2Fmall%2Fimage%2Fimg_03.png"></a>
            <p>
                <a href="/" target="_blank">印刷配置教程</a>
            </p>
        </div>
        <div class="index_mood_02_void">
            <a href="/" target="_blank"><img src="https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop%2Fmall%2Fimage%2Fimg_03.png"></a>
            <p>
                <a href="https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/erp/file/%E5%95%86%E6%88%B7%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9F%E7%9A%84%E4%BD%BF%E7%94%A8%E6%8C%87%E5%AF%BC%E4%B9%A6.docx" target="_blank">商户管理系统的使用指导书</a>
            </p>
        </div>
    </div>

    <div class="index_mood_h">
        <strong>子公司列表</strong>
        <span>
            &nbsp;&nbsp;&nbsp;
            <el-button @click="createSubSeller" type="text">邀请子公司</el-button>
        </span>
    </div>
    <div class="index_mood_02" style="margin-top:15px">
        <template>
            <el-table :data="subSellerPage.tableData" style="width: 100%">
                <el-table-column prop="sellerName" label="公司名称"></el-table-column>
                <el-table-column prop="name" label="联系人"></el-table-column>
                <el-table-column prop="sellerMobile" label="手机号码"></el-table-column>
                <el-table-column prop="sellerState" label="审核状态"></el-table-column>
                <el-table-column prop="createtime" label="创建时间"></el-table-column>
            </el-table>
        </template>
        <el-row>
            <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="1"
                    :page-size="subSellerPage.pageSize"
                    small
                    layout="prev, pager, next"
                    :total="subSellerPage.totalCount">
            </el-pagination>
        </el-row>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/main.js?_${.now?long}"></script>
</body>
</html>

<style>
    @charset "UTF-8";
    *{margin:0;padding:0;font-style:normal}
    .ui li{margin:0;padding:0;list-style:none}
    input{background:0 0;border:none}
    html{overflow-x:hidden;font-family:"微软雅黑"; font-size:12px;}
    a{text-decoration:none}
    ol,ul{list-style-type:none}
    input,img,select{vertical-align:middle;outline:0; border:none;}
    table{border-collapse: collapse;}
    a { text-decoration: none; color: #666666; font-family:"微软雅黑";}
    .index_mood{padding: 0px 50px;}
    .index_mood_h{ font-size:16px; color:#333333; border-bottom:1px solid #f4f4f4; padding-bottom:15px;}
    .index_mood_01{ background:#f5f7fa; padding:0px 50px; border-radius:5px; margin-top:10px; overflow:hidden;margin-bottom:30px;}
    .index_mood_01_img{width:160px; height:160px; border-radius:10px; overflow:hidden; float:left;}
    .index_mood_01_img img{width:100%; height:100%;}
    .index_mood_01_text{ padding-left:80px; float:left; color:#333333; font-size:16px; line-height:30px; padding-top:35px; padding-right:80px;}
    .index_mood_01_text strong{ font-size:20px;}
    .index_mood_01_list{float:left; font-size:14px; line-height:40px; }
    .index_mood_01_list label{ display:inline-block; width:110px; color:#333333; text-align:right;}
    .index_mood_01_list span{ display:inline-block; margin-left:20px; color:#333333;}
    .index_mood_02{ margin-top:30px; overflow:hidden;margin-bottom:30px; }
    .index_mood_02_list{ padding:20px; border-radius:5px; background:#f5f7fa; width:235px; overflow:hidden;float:left; margin-right:50px; height:128px;}
    .index_mood_02_list h3{ font-size:18px;color:#333333; margin-bottom:15px; }
    .index_mood_02_list p{overflow:hidden; font-size:14px; color:#333333;}
    .index_mood_02_list p span{ float:left;}
    .index_mood_02_list p span font{ font-size:20px; font-weight:bold; margin-left:5px;}
    .index_mood_02_list p label{ float:right;}
    .index_mood_02_list p label font{ font-size:20px; font-weight:bold;}
    .index_mood_02_void{ width:235px; height:150px; overflow:hidden; border-radius:5px; margin-right:50px; position:relative; float:left;}
    .index_mood_02_void img{width:100%; height:100%;}
    .index_mood_02_void p{ width:100%; height:40px; line-height:40px; background:url(https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/pop%2Fmall%2Fimage%2Fico_01.png) 50px 11px no-repeat #4665e261; position:absolute; left:0px; bottom:0px; text-align:center;}
    .index_mood_02_void p a{ color:#ffffff; text-decoration:underline;}
</style>
